<template>
  <div class="newProduct">
    <van-cell title="新品首发" is-link to="index" value="更多新品商品" />
    <van-grid :border="false" :column-num="2">
      <van-grid-item v-for="item in $store.state.HandPick.handData.newGoodsList" :key="item.id">
        <van-image  :src=" item.picUrl " width="3.4rem" height="2rem">
          <template  v-slot:default>
            <p>{{ item.brief }}</p>
            <p>￥{{ item.retailPrice }}</p>
          </template>
        </van-image>
      </van-grid-item>
    </van-grid>
  </div>
</template>

<script>
export default {
  name: 'newProduct',
  components: {

  },
  data () {
    return {

    }
  },
  watch: {

  },
  mounted () {

  },
  methods: {

  }
}

</script>
<style scoped lang='scss'>
.newProduct{
  margin-top: 20px;
  background-color: #fff;
}
.van-grid-item{
  padding-bottom: 50px;
  text-align: center;
}
.van-image{
  font-size: 12px;
  flex-wrap: nowrap;
}
</style>
